<template>
  <div>
   <div class="democontent">
     <h3>
       <label>*</label>保单<span></span>
     </h3>
     <div class="imgDemo">
        <ul>
          <li>
            <div class="imgpics"><img src="./img/bd1.png"/> </div>
          </li>
          <li>
            <div class="imgpics"><img src="./img/bd2.png"/> </div>
          </li>
        </ul>
       <div class="tipsText">

         请在光线充足地方拍摄交强险和商业险，保持

         <label>

           字体及图片清晰可辨。

         </label>
       </div>
     </div>
   </div>


    <div class="libtn">
      <button class="buttonOk" @click="callback()">
        已经清楚，回去上传
      </button>
    </div>



  </div>
</template>

<script>
  export default {
    name: "pcar1",
    data(){
      return{
        radio:''
      }
    },
    methods:{
    }
  }
</script>

<style lang="scss" scoped>
  .imgDemo{
    ul{
      margin:0;padding:0;
      display: flex;
      li{width:50%;
        margin:0 5px;
        .imgpics{

          width:100%;
          img{width:100%;}
        }
      }
    }
    .tipsText{
      font-size:12px;
      padding:0 5px;
      color: #999;
      label{
        color:#FF2126;
      }
    }
  }
  .democontent{
    background: #FFF;
    margin:-20px;
    margin-bottom:35px;
    padding:20px 10px;
    h3{font-size:18px; margin:0;padding:0; font-weight:400; label{color:#FF2126;} span{color:#999;font-size:12px;font-weight: normal;}}
  }
  .libtn {
    border: none;
    text-align: center;
    button{
      outline: none;
    }
    .buttonOk {
      padding:10px 0;
      border-radius: 5px;
      border: none;
      background:rgba(28,103,255,1);
      color: #FFF;
      font-size: 35px;
      /*box-shadow: 0 10px 20px rgba(102, 177, 255, .3);*/
      width: 90%;
      font-size:18px;
      margin-bottom: 10px;
    }.buttonCancle {
       padding:10px 0;
       border-radius: 100px;

       border:1px solid rgba(191,191,191,1);
       background: #FFF;
       color: #666;
       font-size: 35px;
       /*box-shadow: 0 10px 20px rgba(102, 177, 255, .3);*/
       width: 80%;
       font-size:18px;
     }
  }
  .txxy{font-size:12px; color:#999;}
  .zftips{font-size:12px; color: #999; p{margin:0;padding:0;} padding:10px 0;}
  .lbox{
    padding:0 10px;
    li{border-bottom: 1px solid #eee;padding:15px 0; font-size: 14px;
      display: flex;
      .labelName{width:90px;}
      .labelCon{
        width:100%;
      }
    }
  }
  .el-radio{
    margin-right: 10px;
  }
  .setpcon{
    background:rgba(67,140,253,1);
    border-radius:10px;
    img{width:100%;}
    padding:15px 20px;
    margin-bottom: 20px;
  }

  .upImgs{
    img{height:90px; opacity: .8}
    text-align: center;
    p{
      text-align: center;
      margin:0;padding:0;font-size:14px;color:#999;
    }
    margin:5px;
  }
  .upImgSuc{
    margin:5px;
    overflow: hidden;
    img{height:110px; width:100%; }
  }
  .updesc{font-size:12px; color:#999; margin-top:15px;}

  .cbg{margin-bottom:10px;padding:10px; background: #FFF;}
  .uploadcontent{
    h3{
      font-size:18px;
      position: relative;
      margin:0;padding: 0;
      font-weight: 400;
      color:rgba(51,51,51,1);
      margin-bottom: 10px;
      .cdemo{font-size:14px; position: absolute; right:10px; top:5px; font-weight:normal; color:#1C67FF;}
    }
    ul{
      display: flex;
      padding:5px 0;
      li{
        position: relative;
        width:50%;
        .upimgfile{
          background:rgba(245,248,255,1);
          margin:0 5px;
          border-radius: 8px;
          padding:5px;
          position: relative;
        }
      }
    }

  }
</style>
